:root {
  --headersColor: rgba(26, 26, 26, 0.9);
  --tinyLineColor: rgba(85, 85, 85, 0.3);
  --groundColor: rgba(42, 42, 42, 0.9);
}

body {
  margin: 0;
  padding: 0;
  width: 680px;
  position: fixed;
  overflow: hidden;
}

#input,
#autocomplete {
  box-sizing: border-box;
  padding: 18px 44px 18px 18px;
  width: 100%;
  height: 60px;
  max-height: 300px;
  font-size: 18px;
  border: 0;
  background: none;
  resize: none;
  color: white;
}

#autocomplete {
  position: absolute;
  top: 25px;
  color: #555;
  z-index: 0
}

#input:focus,
#autocomplete:focus {
  outline: none;
}

.inputContainer {
  position: relative;
  display: flex;
  overflow: hidden;
}

.speech {
  right: 0;
  position: absolute;
  padding: 18px 18px 18px 0;
}

.sgt {
  padding: 3px 18px;
  border-top: 1px solid var(--tinyLineColor);
  color: #aaa;
  font-size: 11px;
  cursor: default;
  line-height: 1.2em;
}

.on-sgt {
  background: var(--headersColor);
}

.sgt div:first-child {
  color: white;
}
